<template>
    <div>
        <div>
            暂无商品详情
            <!-- <img :src="item.goods_image" width="100%"> -->
        </div>
        <div class="btn">
            <van-icon name="arrow-left" size="20px" color="#b3b3b3" @click="goBack" />
        </div>


    </div>
</template>
<script>
    import Vue from 'vue';
    import {
        Icon
    } from 'vant';
import axios from 'axios';


    Vue.use(Icon);

    // import VueLazyload from 'vue-lazyload'
    // Vue.use(VueLazyload,{
    //     //loading用于配置懒加载时需要用的图片
    //     loading:"https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F201507%2F27%2F20150727124029_CjBEN.thumb.400_0.gif&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1613118528&t=c5de053832c3a3cbdc771b6a8b34daad"
    // })
    export default {
        data() {
            return {

            };
        },
        created() {
            let uri = "https://www.fastmock.site/mock/3d221d9964a08d39eea591645965f867/api/getList"
            axios.get(uri + this.$route.params.gc_id).then((ret) => console.log(ret))
        },
        methods: {
            goBack() {
                this.$router.go(-1)
            }
        }
    };
</script>
<style lang="scss" scoped>
    .btn {
        position: fixed;
        top: 10px;
        left: 10px;
        border: 1px solid rgb(197, 197, 197);
        width: 40px;
        height: 40px;
        line-height: 47px;
        text-align: center;
        border-radius: 50%;
        background-color: rgba(245, 245, 245, 0.5);
    }

    .content {
        background-color: white;

    }
</style>